<template>
    <div id="app">
        <div class="bges">
            <router-view/>
        </div>
        <div class="bgs">
            <div class="radio"></div>
            <div class="radio"></div>
            <div class="radio"></div>
        </div>
    </div>
</template>
<script>
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });
</script>
<style lang="stylus">
    bac = #1F1F1F
    back = #fff
    font = #666
    fonts = #ff7541
    *
        margin: 0;
        padding: 0;
        /*color: white;*/
        list-style: none;
    .van-nav-bar
        background-color #fff !important
        color #1f1f1f 
        .van-nav-bar__title
            color font
        .van-nav-bar__text
            color font
    .van-nav-bar .van-icon
        color #1f1f1f !important
        font-size 18px
    button
        border: none;
        outline: none;

    html,body
        height: 100%;
        background: back;
        background-size: 100% 100%;
        overflow-x: hidden;
        font-size 16px
    #app
        font-family: 'Avenir', Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height 100%
    .van-cell
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        box-sizing: border-box;
        width: 100%;
        padding: 10px 15px;
        overflow: hidden;
        color: #323233;
        font-size: 14px;
        line-height: 24px;
        background-color: #fff;
    .bges
        width 100%
        height 100%
        z-index 10
        position absolute
    .bgs
        width 100%
        height 100%
        z-index 0
        position fixed
    .login
        input::-webkit-input-placeholder{
            color: #898989;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color: #898989;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color: #898989;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color: #898989;
        }
        .van-checkbox__label{
            color:  font;
        }
        .van-checkbox__icon--checked .van-icon{
            color: #fff;
            border-color: fonts;
            background-color: fonts;
        }
        .van-checkbox__icon .van-icon{
            border-color: #ff7541;
        }
        .van-field__control{
            color: #333;
            height 30px
            line-height 30px
        }
    .btn
        background:linear-gradient(180deg,#54d8b4,#26c196)
        border-radius:2px;
        color #fff
        width: 100%
        height: 50px
        font-size 16px
    .radio
        width 200px
        height 200px
        border-radius 50%
        opacity 0.3
        &:first-child
            width 260px
            height 260px
            position absolute
            top 23%
            left -28%
            background #abffca
        &:nth-child(2)
            width 230px
            height 230px
            position absolute
            top 60%
            right -34%
            background #ffce62c7
        &:nth-child(3)
            width 130px
            height 130px
            position absolute
            bottom -7%
            left -17%
            background #7bbdff
    .home
        .van-tabs__nav
            background back
            justify-content space-around
        .van-notice-bar .van-icon
            color fonts
        .tab
            [class*=van-hairline]::after
                border none
            .van-tabs__line
                display none
            .van-tab--active
                border-radius 5px
                width 100px
                height 30px
                color #26c196
                font-size 18px
            .van-tabs--line .van-tabs__wrap
                height: 30px !important
            .van-tab
                line-height 30px
                flex none
                -webkit-flex none
                -webkit-box-flex none
                font-weight bold
    .register
        

    .input
        .van-stepper
            margin-top 15px
            .van-stepper__input
                width 67%
                height: 42px
            .van-stepper__minus, .van-stepper__plus
                width: 42px
                height: 42px
    .mains img
        width 100%

    .van-tabs--line .van-tabs__wrap
        height: auto !important
    .node
        .van-dialog__confirm
            color #000
            background #D8D8D8 !important
        .van-button--default
            color #000
            background:linear-gradient(90deg,rgba(203,175,137,1) 0%,rgba(219,200,170,1) 100%);
    .clearfix:after
        content:".";display:block;height:0;clear:both;visibility:hidden

</style>
